body{background: #edf0f5;}
.ml30{margin-left: 30px;display: inline-block;}
.pub-redcolor{color: #df3031;}
.pub-bluecolor{color: #339958;}
.finish-color{color: #aaa;}
.pub-orangecolor{color: #ff7300;}
.index{background: #fff;}
.hide{display: none;}

.ml05{margin-right: 5px;}
.icon{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.icon_open{background-position: 0 0;width: 20px;height: 10px;margin-left: 3px;}
.icon_close{background-position: -26px 0;width: 20px;height: 10px;margin-left: 3px;}
/*头部*/
.header-box{background: #4471bc;height: 50px;position: fixed;width: 100%;max-width: 640px;top:0;}
.header-box .header-slide{font: 18px/50px "microsoft yahei";color: #fff;text-align: center;}
.header-left{float: left;}
.header-left a{display: inline-block;width: 14px;height: 26px;margin: 10px 0 0 20px;}
.header-right{float: right;line-height: 50px;margin-right: 3%;}
.header-right a{font: 14px/50px "microsoft yahei";color: #fff;}
.slide-up{text-align: center;width: 100%;}
.slide-down{background: #fff;width: 100%;}
.slide-down li{background: #fff;height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;text-align: center;font: 18px/50px "microsoft yahei";color: #666;}
.slide-down li a{color: #666;}
a.slide_arrow span{color: #fff;text-decoration:none;display: inline-block;}
a.slide_arrow span:hover{color: #fff;}
/*新手指引*/
.newrules-box{margin-bottom: 10px;display: inline-block;width: 100%;padding: 5px 0 5px 0;background: #fff;border-top: 1px solid #dadad9;border-bottom: 1px solid #dadad9;}
.newrules-list{width: 100%;height: 50px;line-height: 50px;font: 14px/50px "microsoft yahei";color: #343434;margin: 5px 0 5px 0;}
.news-left{text-align: left;display: inline-block;width: 75%;margin-left: 3%;}
.news-left img{vertical-align: middle;margin-right: 3%;}
.news-right{text-align: right;display: inline-block;width: 14%;margin-right: 3%;}

.qh-container{max-width: 640px;min-width: 320px;margin: 0 auto;}
.pub-content{padding-top: 50px;}
.pub-box{width: 100%;margin: 0 auto;}
.pub-park{background: #fff;color: #666;font: 14px/35px "microsoft yahei";text-align: center;padding: 10px 0 0 0;}

.pub-tab-menu ul{background: #fff;width: 100%;height: 40px;border-bottom: 1px solid #ddd;}
.pub-tab-menu li{width: 33%;text-align: center;line-height: 40px;float: left;}
.pub-tab-menu li.pub-cur a{border-bottom: 2px solid #df3031;width: 80%;text-align: center;display: inline-block;text-decoration: none;}
.pub-tab-menu li a{font: 16px/35px "microsoft yahei";color: #3c3c3c;}

.pub-order-list .order-list-gro{margin-top: 20px;background: #fff;}
.order-list-gro .pub-title{color: #646464;line-height: 35px;/*width: 96%;margin: 0 auto;*/border-bottom: 1px solid #ddd;height: 35px;}
.order-list-gro .pub-title .title-name,.order-list-gro .pub-title .title-date{font: 14px/35px "microsoft yahei";}
.order-list-gro .pub-title .title-name{float: left;margin-left: 3%;}
.order-list-gro .pub-title .title-date{color: #aaa;float: right;margin-right: 3%;}
.order-list-gro .order-square{margin: 0 3% 0 3%;padding: 10px 0 10px 0;}
.order-list-gro .order-square dl dd:nth-child(1),.order-list-gro .order-square dl dd:nth-child(2),.order-list-gro .order-square dl dd:nth-child(3){float: left;display: inline-block;}
.order-list-gro .order-square dl dd:nth-child(1),.order-list-gro .order-square dl dd:nth-child(2){width: 40%;text-align: left;}
.order-list-gro .order-square dl dd:nth-child(3){width: 20%;text-align: center;float: right;}

.order-list-gro .order-square dl dd .square-info,.order-list-gro .order-square dl dd .square-profit{width: 99%;color: #aaa;font: 14px/30px "microsoft yahei";}
.order-list-gro .order-square dl dd .square-info p:nth-child(1) {font: 16px/30px "microsoft yahei";}
.order-list-gro .order-square dl dd .square-profit p:nth-child(1) {font: 16px/30px "microsoft yahei";}
.order-list-gro .order-square dl dd a.square-btn,.order-list-gro .order-square dl dd a.square-btn-doing{display: inline-block;font: 16px/20px "microsoft yahei";border-radius: 5px;padding: 10px 5px;text-align: center;}


.order-list-gro .order-square dl dd a.square-btn{background: #e9eaec;color: #646567;width: 77%;margin-top: 26px;}
.square-btn-doing{background: #0077ec;color: #fff;width: 100%;margin-top: 30px;}


.pbar {overflow: hidden;background: #0077ec;height: 25px;position: absolute;top: 0px;left: 0px;border-radius: 5px;}
.percent b{width: 100%;text-align: center;line-height: 25px;height: 25px;position: absolute;left: 0px;display: inline-block;color: #FFF;}
.percent {position:relative;text-align: right;z-index: 10;color: #fff;height: 25px;width: 100%;border-radius: 5px;overflow: hidden;background: #ccc;}
.elapsed {position:relative;text-align: center;top: -30px;color: #339958;}


dl.stock-data{padding:20px 20px;border-bottom: 1px solid #ddd;}
dl.stock-data dd{float: left;}
.stock-data .stock-title,.stock-data .stock-pool{width: 29%;line-height: 20px;}
.stock-data .stock-title{font-size: 18px;}
.stock-data .stock-fund{width: 42%;font-size: 26px;}
.stock-data .stock-pool{font-size: 14px;text-align: right;}

.stock-sale .text-left,.stock-sale .text-right{padding: 10px 20px;float: left;display: inline-block;width: 50%;box-sizing: border-box;font: 14px/30px "microsoft yahei";color: #666;}
.stock-sale .text-left{border-right: 1px solid #ddd;}
/*.stock-sale .text-left em,.stock-sale .text-right em{color: #df3031;}*/

.trend-chart{margin-top: 20px;}
.order-action{position: fixed;background: #fff;bottom: 0;padding: 10px 10px;width: 100%;box-sizing: border-box;}
.order-action .action-left,.order-action .action-right{text-align: center;float: left;box-sizing: border-box;width: 50%;display: inline-block;cursor: pointer;}
.order-action .btn-left,.order-action .btn-right{padding: 0 10px;display: inline-block;color: #fff;font: 17px/35px "microsoft yahei";border-radius: 5px;width: 80%;text-align: center;}
.order-action .btn-left{background: #df3031;}
.order-action .btn-right{background: #17b03e;}

.action-up,.action-down{margin: 0 auto;text-align: center;width: 100%;border-radius: 5px;display: inline-block;}
.action-up{background: #df3031;margin: 0 auto;text-align: center;width: 100%;border-radius: 5px;display: inline-block;}
.action-down{background: #339958;margin: 0 auto;text-align: center;width: 100%;border-radius: 5px;display: inline-block;}
.action-up .btn-up,.action-down .btn-down{color: #fff;font: 17px/35px "microsoft yahei";width: 100%;display: inline-block;height: 35px;}


/*看涨*/
/*#see-up{padding-top: 50px;}*/
#see-up ul.main-list{width: 100%;}
#see-up ul.main-list li{border-bottom: 1px solid #ddd;width: 100%;background: #fff;height: 50px;}
#see-up ul.main-list li .up-title,.main-execute .up-title{color: #646464;width: 96%;margin: 0 auto;font: 14px/50px "microsoft yahei";}
ul.main-list li .up-title .list-left{float: left;}
ul.main-list li .up-title .list-right,ul.main-list li .up-title .list-right2{float: right;text-align: right;height: 50px;}
.list-right span.list-second,.list-right2 span.list-second{color: #0077ee;border: 1px solid #0077ee;padding: 2px 5px;margin-right: 3px;}
.list-right span.list-checked,.list-right2 span.list-checked{background: #0077ee;color: #fff;}

.right-select,.right-select2{display: inline-block;width: 26px;height: 24px;position: relative;}
.right-select img,.right-select2 img{/*vertical-align: top;display: inline-block;margin-top: 13px;*/position: absolute;left: 0;top: 8px;}
.dialog-right,.dialog-right2{width: 100%;height: 100%;background: rgba(0,0,0,.4);  position: absolute;top: 0; right: 0;bottom: 0;left: 0;z-index: 99;-webkit-transform: translateZ(0);transform: translateZ(0)}
.dialog-content{width: 75%;background-color: rgba(0,0,0,.4);margin: 30% auto;}
.dialog-content ul{border-radius: 5px;width: 100%;}
.dialog-content ul li{text-align: center;}
.showmsgbox{
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	z-index: 50;
}
.showmsg{
	width: 50%;
	margin-left: 25%;
	position: fixed;
	height: 80px;
	top: 50%;
	margin-top: -40px;
	background: #FFF;
	overflow: hidden;
	border-radius: 5px;
	z-index: 70;
	font-size: 14px;
}
.showmsg .msg{
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.showmsg .msgok{
	border-top: 1px solid #E5E5E5;
	height: 30px;
	line-height: 30px;
	text-align: center;
	box-sizing: border-box;
	color: #07e;
	cursor: pointer;
}

.main-execute{margin-top: 20px;background: #fff;line-height: 50px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.main-execute .input-radio{color: #df3031;margin-right: 5px;}


@media (min-width:640px) and (-webkit-min-device-pixel-ratio:0) {
	.order-action{max-width: 640px;}
	.dialog-content{margin: 5% auto;}
}


/*首页*/
.index-header{height: 65px;background: #df3031;width: 100%;}
.index-header .header{width: 96%;margin: 0 auto;}
.nav-header{display: inline-block;margin: 21px 10px 0 10px;vertical-align: middle;}

.index-pic img{width: 50px;height: 50px;border-radius: 50px;display: inline-block;margin-top: 5px;}

.index-yue{font: 15px/65px "microsoft yahei";color: #fff;display: inline-block;vertical-align: middle;float: left;margin-left: 5px;}
.index-yue strong{font: 20px/65px "microsoft yahei";display: inline-block;}
.index-help{margin: 14px 0 0 0;display: inline-block;}

.index-content{margin-top: 20px;}
.index-content .index-list{width: 96%;margin: 20px auto;}
.list-info{border: 1px solid #737373;border-top: 0;border-radius: 0 0 5px 5px;padding: 5px 0 5px 0;margin-top: -1px;}
.qh-title {width: 90%;margin: 5px auto;}
.qh-title .title-01{font: 18px/30px "microsoft yahei";color: #df3031;display: inline-block;font-weight: bold;}
.title-t0{display: inline-block;padding: 5px 5px;color: #fff;background: #df3031;border-radius: 5px;margin-right: 10px;}
.title-t02{color: #2a2627;font: 14px/30px "microsoft yahei";}
.title-t03{color: #929292;font: 14px/30px "microsoft yahei";}
.title-t04{text-align: center;}


/*交易规则*/
.qh-rules{width: 96%;margin: 60px auto auto;}
.rules-segment{padding: 0 3%;}
.rules-segment h3{color: #df3031;font-size: 16px;margin: 10px 0 10px 0;}
.rules-info{font: 12px/25px "microsoft yahei";color: #666;}


.jiesuanas{
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #807474;
	width: 80%;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	margin: 20px 10%;
	text-align: center;
	background: #FFF;
}


/*苹果点击支持*/
.timeclick li,.list-second,.monyclick li{cursor: pointer;}
#kpicchange{display: flex;background: #FFF;height: 40px;line-height: 40px;margin-bottom: 5px;}
#kpicchange span{flex: 1;text-align: center;box-sizing: border-box;}
#kpicchange span.clickred{
	border-bottom:2px solid #df3031; ;
}
